<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="icon" href="../imges/logo1.png" type="img/x-ico" />
		<title>电厂信息业务支撑平台</title>
		<link rel="stylesheet" href="../command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="../command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css"/>
		<link rel="stylesheet" type="text/css" href="../new1.css/mainframe.css"/>
		<script src="../command/jquery-3.4.0.min.js"></script>
		<script src="../command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="../command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="../command/bower_components/moment/min/moment.min.js"></script>
		<script src="../command/bower_components/moment/min/locales.min.js"></script>
		<!-- 解析导航栏 -->
		<script type="application/javascript">
			$(function(){
				$.getJSON("../json/Navigation.json",function(data01){
					console.log(data01);
					$("#treeMain").treeview({
						data:data01,
						onNodeSelected:function(even,data){
							$("#pageFrame").attr("src",data.href);
						},
						levels: -1,
						selectedBackColor:"#028b60",
					});
				});
			});
		</script>
	</head>
	<body class="container-fluid">
		<!-- 头部开始 -->
		<div class="row">
			<div class="col-md-12">
				<h1 style="float: left;"><img src="../imges/logo.png" class="logo">电厂信息业务支撑平台</h1>
				<div class="divusername" style="float: right;margin-top: 1%;">
					<a href="" class="sz">设置</a>
					<a href="login.html">
						<button class="btn btn-danger">
						<!-- #6d4e3b -->
							<span class="glyphicon glyphicon-off">退出</span>
						</button>
					</a>
				</div>
				<h3> 
					Power Plant Information Business Support Platform
				</h3>
				
			</div>
		</div>
		<!-- 头部结束 -->
		<!-- 中间开始 -->
		<div class="row">
			<!-- 导航开始 -->
			<div class="col-md-2" style="margin-top: 1%;">
				<div id="treeMain" style="border: 1px solid #99fcda;border-radius: 5px;box-shadow: 0px 0px 10px rgba(217,254,214,1);"></div>
			</div>
			<!-- 导航结束 -->
			
			<!-- 工作区域开始 -->
			<div class="col-md-10" style="padding-left: 0;margin-top: 1%;">
				<!-- 利用框架切换不同的内容开始 -->
					<iframe name="pageFrame" id="pageFrame" class="embed-responsive-item" src="businessenter.html" scrolling="no" frameborder="0"></iframe>
				<!-- 利用框架切换不同的内容结束 -->
			</div>
			<!-- 工作区域结束 -->
			
		</div>
		<!-- 中间结束 -->
		<!-- 尾部开始 -->
		<div class="footer">
			<hr style="margin-bottom: 0;">
			<div align="center" style="color: #99fcda;">
				&copy;版权<br>
			</div>
		</div>
		<br>
	</body>
</html>
